<template>
  <div class="left_main flexC">
    <div class="flex1 flexC fuwu">
      <p class="title">
        <img class="verticM" style="height: 1.125rem;padding: 0 1rem;" src="../../assets/img/data/20.png" alt="">
        <span class="colorF font_s18">骨灰堂最大承载力（人）</span>
      </p>
      <div class="flex1 content" style="padding-bottom: 0.5rem;">
        <ul class="flex textC" style="margin-top: 0.5rem;">
          <li class="flex1">
            <p><img style="height: 5.0625rem;" src="../../assets/img/organization/01.png" alt=""></p>
            <p class="font_s18 colorF">汇龙园</p>
            <p class="font_s32 Bold" style="color: #5AD834;">80000</p>
          </li>
          <li class="flex1">
            <p><img style="height: 5.0625rem;" src="../../assets/img/organization/02.png" alt=""></p>
            <p class="font_s18 colorF">长桥山庄</p>
            <p class="font_s32 Bold" style="color: #5AD834;">37000</p>
          </li>
          <li class="flex1">
            <p><img style="height: 5.0625rem;" src="../../assets/img/organization/03.png" alt=""></p>
            <p class="font_s18 colorF">海港陵园</p>
            <p class="font_s32 Bold" style="color: #5AD834;">35000</p>
          </li>
        </ul>
        <ul>
          <li class="flex JustifyContentSB ranking">
            <p>
              <span class="font_s32" style="color: rgba(249,221,155,1);">4</span>
              <span class="font_s18 colorF">&nbsp; 界龙古园</span>
            </p>
            <p class="font_s32" style="color: #3BA919;">35000</p>
          </li>
          <li class="flex JustifyContentSB ranking">
            <p>
              <span class="font_s32" style="color: rgba(249,221,155,1);">5</span>
              <span class="font_s18 colorF">&nbsp; 华南公墓</span>
            </p>
            <p class="font_s32" style="color: #3BA919;">30000</p>
          </li>
          <li class="flex JustifyContentSB ranking">
            <p>
              <span class="font_s32" style="color: rgba(249,221,155,1);">6</span>
              <span class="font_s18 colorF">&nbsp; 天长公墓</span>
            </p>
            <p class="font_s32" style="color: #3BA919;">30000</p>
          </li>
          <li class="flex JustifyContentSB ranking">
            <p>
              <span class="font_s32" style="color: rgba(249,221,155,1);">7</span>
              <span class="font_s18 colorF">&nbsp; 永安公墓</span>
            </p>
            <p class="font_s32" style="color: #3BA919;">30000</p>
          </li>
          <li class="flex JustifyContentSB ranking">
            <p>
              <span class="font_s32" style="color: rgba(249,221,155,1);">8</span>
              <span class="font_s18 colorF">&nbsp; 天逸静园</span>
            </p>
            <p class="font_s32" style="color: #3BA919;">22800</p>
          </li>
          <!-- <li class="flex JustifyContentSB ranking">
            <p>
              <span class="font_s32" style="color: rgba(249,221,155,1);">9</span>
              <span class="font_s18 colorF">&nbsp; 乐乡公墓</span>
            </p>
            <p class="font_s32" style="color: #3BA919;">15000</p>
          </li> -->
        </ul>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'OrgLeft'
}
</script>
<style lang="scss" scoped>
.left_main{
  position: absolute;
  top: 15%;
  left:1rem;
  height: 50%;
  width: 25%;
  .fuwu{
    margin-bottom: 1rem;
    .title{
      line-height: 2.75rem;
      border-radius: 5px 5px 0 0;
      background: #556969;
    }
    .content{
      background: #1C1F26;
      img{
        margin-right: 0.3rem
      }
      .ranking{
        line-height: 3rem;
        background: #2b3341;
        margin: 0.5rem 1rem;
        padding: 0 1rem;
      }
    }
  }
}
</style>
